<template>
<mt-swipe :auto="4000">
	  <mt-swipe-item v-for="(swiperItem,swiperIndex) in swiperList" :key="swiperIndex">
	  	<img :class="isFull?'img-full':'img-normal'" :src="swiperItem[attribute]"/>
	</mt-swipe-item> 	
</mt-swipe>
</template>
<script>
export default{
	  data(){
	    return{
	      swiperList:[]

	    }
	  },
	  props:['swiperList','attribute','isFull'],
	  mounted(){

	  }
}
</script>
<style lang="less" scoped>
.mint-swipe{
		height:180px;
		.mint-swipe-item{
		text-align:center;
			&:nth-child(1){
				//background:purple;
			}
			&:nth-child(2){
				//background:yellow;
			}
			&:nth-child(3){
				//background:skyblue;
			}
			.img-full{
				width:100%;
				height:100%;
			}
			.img-normal{
				height:100%;
			}
	}
		}
		
</style>